import React, { useState, useEffect } from "react";
import { Tree,Empty,Divider } from "antd";
import data from "../../../assets/data";

function Premissions() {
  return (
    <div style={{ padding: 12, display: "flex",gap:12 }}>
      <div style={{minWidth:200}}>
        <p style={{ paddingLeft: 24, fontSize: 16 }}>
          <b>PC权限</b>
        </p>
        <Tree
        showLine
        defaultExpandAll
          treeData={data}
          fieldNames={{ title: "name", key: "path", children: "routes" }}
        />
      </div>
      <div style={{minWidth:200}}>
        <p style={{ paddingLeft: 24, fontSize: 16 }}>
          <b>公众号用户权限</b>
        </p>
        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} style={{marginLeft:-32}}></Empty>
      </div>

      <div style={{minWidth:200}}>
        <p style={{ paddingLeft: 24, fontSize: 16 }}>
          <b>小程序用户权限</b>
        </p>
        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} style={{marginLeft:-32}}></Empty>

      </div>
    </div>
  );
}

export default Premissions;
